<!--包含头部文件-->
{include file="public/header" /}
<div class="cl pd-5 bg-1 bk-gray mt-20"> <h1>商户入驻申请</h1></div>
<article class="page-container">
	<form class="form form-horizontal"  method="post" action="{:url('register/add')}">
	基本信息：
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>商户名称：</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="name">
			</div>
		</div>
		
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>所属城市：</label>
			<div class="formControls col-xs-8 col-sm-2"> 
				<span class="select-box">
				<select name="city_id" class="select cityId">
					<option value="0">--请选择--</option>
					{volist name='citys' id='vo'}
					<option value="{$vo.id}">{$vo.name}</option>
					{/volist}
				</select>
				</span>
			</div>
			<div class="formControls col-xs-8 col-sm-2">
				<span class="select-box">
				<select name="se_city_id" class="select se_city_id">
					<option value="0">--请选择--</option>
				</select>
				</span> 
			</div>
		</div>
		
		<div class="row cl">
              <label class="form-label col-xs-4 col-sm-2">缩略图：</label>
              <div class="formControls col-xs-8 col-sm-9">
                <input id="file_upload"  type="file" multiple="true" >
                <img id="upload_org_code_img" src="" width="150" height="150">
                <input id="file_upload_image" name="logo" type="hidden" multiple="true" value="">
              </div>
        </div>
        <div class="row cl">
              <label class="form-label col-xs-4 col-sm-2">营业执照：</label>
              <div class="formControls col-xs-8 col-sm-9">
                <input id="file_upload_other"  type="file" multiple="true" >
                <img id="upload_org_code_img_other" src="" width="150" height="150">
                <input id="file_upload_image_other" name="licence_logo" type="hidden" multiple="true" value="">
              </div>
        </div>
        
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">商户介绍：</label>
			<div class="formControls col-xs-8 col-sm-9"> 
				<script id="editor1"  type="text/plain" name="description" style="width:80%;height:300px;"></script> 
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">银行账号:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="bank_info">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">开户行名称:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="bank_name">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">开户行姓名:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="bank_user">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">法人:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="faren">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">法人电话:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="faren_tel">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>邮箱：</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="email">
			</div>
		</div>
		总店信息：
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">电话:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="tel">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">联系人:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="contact">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>所属分类：</label>
			<div class="formControls col-xs-8 col-sm-3"> <span class="select-box">
				<select name="category_id" class="select categoryId">
					<option value="0">--请选择--</option>
					{volist name='categorys' id='vo'}
					<option value="{$vo.id}">{$vo.name}</option>
					{/volist}
				</select>
				</span> 
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">所属子类：</label>
			<div class="formControls col-xs-8 col-sm-3 skin-minimal">
				<div class="check-box se_category_id">

				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">商户地址：</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="address" name="address">
			</div>
			<a  class="btn btn-default radius ml-10 maptag" id="checkAddress">标注</a>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">营业时间:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="open_time">
			</div>
		</div>
		
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">门店简介：</label>
			<div class="formControls col-xs-8 col-sm-9"> 
				<script id="editor"  type="text/plain" name="content" style="width:80%;height:300px;"></script> 
			</div>
		</div>

		账号信息：
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">用户名:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="text" class="input-text" value="" placeholder="" id="" name="username">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">密码:</label>
			<div class="formControls col-xs-8 col-sm-3">
				<input type="password" class="input-text" value="" placeholder="" id="" name="password">
			</div>
		</div>
		
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
				<button  class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 申请</button>	
			</div>
		</div>
	</form>
</article>

<!--包含尾部文件-->
{include file="public/footer" /}
<script type="text/javascript" src="__STATIC__/admin/hui/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/admin/hui/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" src="__STATIC__/admin/hui/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<!--分配编辑器-->
<script>
$(function(){
	var ue = UE.getEditor('editor');
	var ue1 = UE.getEditor('editor1');
	/**城市相关二级城市**/
	$('.cityId').change(function(){
		var city_id =$(this).val();
		var city_url = "{:url('api/city/getCityByParentId')}";
		var getData = {'id':city_id};
		$.get(city_url, getData, function(result){
			var city_html = '';
			if(result.status == 1){
				$(result.data).each(function(i){
					city_html += "<option value='"+this.id+"'>"+this.name+"</option>";
				});
			}
			$('.se_city_id').html(city_html);
		}, 'json');

	});

	$('.categoryId').change(function(){
		var category_id =$(this).val();
		var category_url = "{:url('api/category/getCategorysByParentId')}";
		var getData = {'id':category_id};
		$.get(category_url, getData, function(result){
			var category_html = '';
			if(result.status == 1){
				$(result.data).each(function(i){
					category_html += "<input name='se_category_id[]' type='checkbox' id='checkbox-moban' value='"+this.id+"'/>"+this.name+"<label for='checkbox-moban'>&nbsp;</label>";
				});
			}
			$('.se_category_id').html(category_html);
		}, 'json');
	});

	var uploadify_swf = '__STATIC__/admin/uploadify/uploadify.swf';
	var uploadify_url = '{:url("api/image/upload")}';

	$('#file_upload').uploadify({
        buttonText:'上传图片',
        swf:uploadify_swf,
        uploader:uploadify_url,
        fileObjName:'file',
        fileTypeDesc:'图片类型',
        fileTypeExts:'*.jpeg;*.jpg;*.png;*.gif',
        fileSizeLimit:'2MB',
        overrideEvents:['onSelectError','onDialogClose','onSelect'],
        onSelectError:function(file,errorCode,errorMsg){
            switch(errorCode){
                case -110:
                alert("上传图片大小不能超过2M...");
                break;
            }
        },
        onUploadStart:function(){
            // if($('.imgSpan').length==8){
            //     $('#file').uploadify('stop');
            //     $('#file').uploadify('cancel');
            //     alert('上传图片不能超过8张');
            // }else{
            //     $('.imgBlock').append('<span class="imgSpan"><img src=""><a class="remove">删除</a></span>');
            // }
        },
        onUploadSuccess:function(file,data,response){
            if(response){
            	var obj = JSON.parse(data);
            	$('#upload_org_code_img').attr('src',obj.data);
            	$('#file_upload_image').attr('value',obj.data);
            }
        }
    });



    $('#file_upload_other').uploadify({
        buttonText:'上传图片',
        swf:uploadify_swf,
        uploader:uploadify_url,
        fileObjName:'file',
        fileTypeDesc:'图片类型',
        fileTypeExts:'*.jpeg;*.jpg;*.png;*.gif',
        fileSizeLimit:'2MB',
        overrideEvents:['onSelectError','onDialogClose','onSelect'],
        onSelectError:function(file,errorCode,errorMsg){
            switch(errorCode){
                case -110:
                alert("上传图片大小不能超过2M...");
                break;
            }
        },
        onUploadStart:function(){
            // if($('.imgSpan').length==8){
            //     $('#file').uploadify('stop');
            //     $('#file').uploadify('cancel');
            //     alert('上传图片不能超过8张');
            // }else{
            //     $('.imgBlock').append('<span class="imgSpan"><img src=""><a class="remove">删除</a></span>');
            // }
        },
        onUploadSuccess:function(file,data,response){
            if(response){
            	var obj = JSON.parse(data);
            	$('#upload_org_code_img_other').attr('src',obj.data);
            	$('#file_upload_image_other').attr('value',obj.data);
            }
        }
    });



	$('#checkAddress').click(function () {
		var address =$("#address").val();
		var adress_url = "{:url('api/address/checkAddress')}";
		var getData = {'adress':address};
		$.get(adress_url, getData, function(result){
			alert(result);
//			var city_html = '';
//			if(result.status == 1){
//				$(result.data).each(function(i){
//					city_html += "<option value='"+this.id+"'>"+this.name+"</option>";
//				});
//			}
//			$('.se_city_id').html(city_html);
		}, 'json');
	});


});


</script>
</body>
</html>